<template>
    <div class="mall-portal">
        <homeTop></homeTop>
        <div class="mall-layout-main">
            <div class="ant-result ant-result-info pay_result">
                <div class="ant-result-icon">
                    <img style="width: 62px;height: 62px;" src="	https://static.xyb2b.com/images/0761378dd4ab3f5976aea378129a5297.png" alt="">
                </div>
                <div class="ant-result-subtitle">订单支付成功!</div>
                <div class="ant-result-extra">
                    <el-button type="primary" plain @click="goNext">查看订单</el-button>
                </div>
            </div>
        </div>
        <homefooter></homefooter>
    </div>
</template>

<script>
    import homeTop from '../assembly/top'
    import homefooter from '../assembly/footer'
    export default {
        components: {
            homeTop,
            homefooter
        },
        data() {
            return {

            }
        },
        methods: {
            goNext() {

            }
        }
    }
</script>

<style lang="scss" scoped>
    .mall-layout-main {
        min-height: calc(100vh - 200px);
        margin: 0 auto;
        padding-top: 24px;
        background-color: #fff !important;
    }
    
    .pay_result {
        background-color: #fff;
    }
    
    .ant-result {
        padding: 48px 32px;
    }
    
    .pay_result .ant-result-icon {
        margin-bottom: 20px;
    }
    
    .ant-result-icon {
        text-align: center;
    }
    
    .ant-result-subtitle {
        line-height: 1.6;
        text-align: center;
        color: #333;
        font-weight: bold;
        font-size: 16px;
    }
    
    .ant-result-extra {
        margin: 24px 0 0 0;
        text-align: center;
    }
</style>